<header class="shadow-sm top-0 left-0 right-0">
  <div class="container mx-auto px-4 bg-gray-100">
    <div class="flex items-center justify-between h-12">
      <p {{on "click" @backButton}}><T::Icon @icon="arrow_back"/></p>
      <h1 class="m-0 text-lg font-semibold text-gray-900">{{@title}}</h1>
      <T::Button {{on "click" @submitButton}}>{{@buttonText}}</T::Button>
    </div>
  </div>
</header>